<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/static/common/default.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style type="text/css">
		.advance_tip_pwd{
			background-color: #fff;
		    left: 42%;
		    position: fixed;
		    top: 200px;
		    width: 487px;
		    z-index: 5;
		}
		</style>
	</head>
	<body>
	
		<div class="cinema_tip">
		    <div class="cinema_subject clearfix">
		        <div class="cinema_title">
		            <a href="#">项目管理</a>
		            >
		            <a href="#" class="cinema_option">机械类型</a>
		        </div>
		    </div>
			<form  id="sysUserInfoSearchForm" method="get">
		       <div class="cinema_search clearfix">
					<div class="cinema_button">
				        	<input id="sysMechInfoSearch" type="submit" value="查询" name="" style="float: none;" class="cinema_inquiry movie_no">
					</div>
					<div class="cinema_condition width_84">
						<div class="cinema_smart">
							<div class="cinema_inter">
								<!-- <label class="col-sm-1 control-label no-padding-right" for="form-field-1"> 用户名： </label> -->
								<input type="text" id="search_userName" name="search_userName" maxlength="50" placeholder="机械名称" class="col-xs-10 col-sm-2" value="${res.data.userName}"/>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
		
		<div class="cinema_list">
			<div class="movie_button">
		    	<shiro:hasPermission name="sysUserInfo:add">
					<a class="movie_new" href="${ctx}/sys/mechanical/toAdd" style="background-color: rgb(75, 208, 131); color: rgb(255, 255, 255);">新建</a>
				</shiro:hasPermission>
				
			</div>
			
			<div  class="column_content">
				<div class="column_content1" style="overflow: auto;">
					<table id="sysUserInfoDatas" width="100%" height="" border="0" cellpadding="0" cellspacing="1" class="border_top">
						<tr style="background-color: rgb(243, 247, 255);">
							<th nowrap="" style="padding:0px 5px;width:30px">ID</th>
			                <th nowrap="" style="padding:0px 5px;">机械名称</th>
			                <th nowrap="" style="padding:0px 5px;">机械型号</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">操作</th>
			            </tr>
			            
			            <c:forEach var="res" items="${res.data.rows}" varStatus="status">
			            <tr class="odd" style="background-color: rgb(255, 255, 255);width:30px;" id="userinfo_row_${res.mechanicalId}" >
			            	
			            	<td nowrap="" style="padding:0px 5px;" title="${res.mechanicalId}">&nbsp;${status.index+1}</td>
			            	<td nowrap="" style="padding:0px 5px;" title="${res.mechanicalName}">&nbsp;${res.mechanicalName}</td>
			            	<td nowrap="" style="padding:0px 5px;" title="${res.mechanicalModel}">&nbsp;${res.mechanicalModel}</td>
			            	
			            	<td nowrap="" style="padding:0px 5px;width:100px">
				                 	<a style="margin-left: 3%;" href="${ctx}/sys/mechanical/toUpdate/${res.mechanicalId}" title="编辑">编辑</a>
				                 	<a style="margin-left: 3%;" href="javascript:consDel(${res.mechanicalId});" title="删除">删除</a>
							</td>
			            </tr>
			            </c:forEach>
					</table>
				</div>
			</div>
			
			<div id="manager_page" class="manager_page clearfix">
				<!-- 分页跳转 -->
				<div class="manager_show">
					<p><span>跳转至</span><input id="pagenum" type="text" name="" value="${res.data.page}"/></p>
					<span id="toPage" class="manager_true"></span>
				</div>
				<!-- 分页数字导航栏 -->
				<div id="manager_number" class="manager_number"></div>
				<input type="hidden"  id=records  value="${res.data.records}"/>			<!-- 总记录数 -->
				<input type="hidden"  id="pageSize"  value="${res.data.pageSize}"/>  <!-- 每页个数 -->
				<input type="hidden"  id="pageCurrent"  value="${res.data.page}"/>  <!-- 当前页page -->
				<input type="hidden"  id="totalPage"  value="${res.data.total}"/>	    <!-- 总页数 -->
			</div>
		</div>
		<script type="text/javascript">
		//机械类型基本信息删除
		function consDel(rowId){
			if(rowId==undefined||(rowId+"").trim()==""||rowId<=0){
				alert("请选择需要修改记录！");
				return false;
			}
			if(confirm("确认删除该条用户信息？")){
				deleteRowById(rowId);
			}
		}
		
		//删除机械类型ajax请求
		function deleteRowById(rowId){
			$.ajax({
				type: "DELETE",
				dataType: "json",
				async: false,
				url: '${ctx}/sys/mechanical/delete/'+rowId,
				success: function (data) {
							if(data!=undefined&&data.status!=undefined&&data.status.trim()=="0"){
								$("#userinfo_row_"+rowId).remove();
								alert("删除成功。");
							}else{
								alert("error:"+data.error);
							}
						 },
				error: function(data) {
							alert("删除失败。");
						}
			});
			return false;
		}
	</script>
	</body>
	
</html>
